
@pColor: #19C9DA;
.ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
 .f-c() {
   display: flex;
   justify-content: center;
   align-items: center;
 }
.flex {
  display: flex;
}

.all {
  margin: 0.5em 0.3rem 0 0.2rem;
  padding: 0.5em 0 0.5em 0;
  border-bottom: 1px solid gray;
  overflow: hidden;
  display: flex;
  align-items: center;


  &:active {
    background-color: #ddd;
  }

  .left {
    width: 1.5rem;
    margin-right: 0.15rem;

    img {
      max-width: 100%;
      max-height: 100%;
    }
  }

  .right {
    flex: 1;
    overflow: hidden;

    .branch {
      font-size: 0.4rem;
      flex: 1;
      .ellipsis;
    }

    .distance {
      width: 1.8rem;
      text-align: right;
      color: rgb(255, 172, 34);
      .ellipsis;
    }

    .map {
      margin-top: 0.3em;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
      overflow: hidden;

      background: url("../assets/map.png") no-repeat;
      background-size: 0.8em 1em;
      background-position: 0 0.1em;
      padding-left: 1.2em;
    }

    .tel {
      display: flex;
      margin-top: 0.8em;
      align-items: center;

      .left {
        flex: 1;
        .ellipsis;

        img {
          max-height: 0.8em;
          max-width: 0.8em;
          margin-right: 0.4em;
        }
      }

      .btn {
        background-color: rgb(0, 175, 206);
        border-radius: 0.4em;
        color: white;
        padding: 0.4em 0.6em 0.2em 0.6em;
        font-size: 0.8em;
      }
    }
  }
}

@item-padding-left: .35rem;
@img-width: 2.294686rem;
@img-height: 1.835749rem;
@padding-tb: .3rem;

.item-list {
}

.item-maja {
  padding: .507246rem .338164rem .603865rem;
  border: 1px solid #f7f7f7;
}

.item-img {
  vertical-align: middle;

  width: @img-width;
  height: @img-height;

  // background: #ccc;
  background-repeat:no-repeat;
  background-position:center;
  background-size:100% 100%; 
}


.f-c() {
  display: flex;
  justify-content: center;
  align-items: center;
}
.item-context {
  .contactMe {
    .f-c();
    justify-content: space-between;
    color: #999;
    font-size: .338164rem;
    >span {
      font-size: .338164rem;
    }
  }
  .f-c();
  font-size: .338164rem !important;
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  .item-right {
    flex: 1;
    padding-left: .241546rem;
    height: 100%;
    align-self: flex-start;
    .location {
      padding: .120773rem 0;
      .shop-location {
        font-size: .338164rem;
      }
    }
  }
  span {
    display: block;
    margin-bottom: .1rem;
    font-size: .28rem;
    color: #989898;
  }

  .shop-title {
    color: #333;
    font-size: .410628rem;
    font-weight: bold;
  }

  .btn {
    .f-c();
    width: 1.376812rem;
    height: .507246rem;
    background-color: @pColor;
    border-radius: .096618rem;
    color: white;
    font-size: .241546rem;
  }

  .dis {
    font-size: .289855rem;
    color: @pColor;
    letter-spacing: 1px;
    float: right;
    vertical-align: bottom;
  }

    .icon {
      width: .338164rem;
      margin-right: .1rem;
    }
}
.storeWrap {
  position: fixed;
  left: 0;
  top: 0.9rem;
  width: 100vw;
  z-index: 999;
}
.store {
  text-align: center;
  color: #fff;
  height: 1.062802rem;
  line-height:1.062802rem;
  font-size: .386473rem;
  font-weight: bold;
  letter-spacing: .024155rem;
  background-color:@pColor;
  padding: 0 .338164rem;
  span:first-child {
    float: left;
    .f-c();
    height: 100%;
  }
}
